<template>
  <div class="home">
    <div class="page-top">
      <!-- 面包屑 -->
      <Hreadcrumb :hreadcrumbAry="hreadcrumbAry" />
      <!-- 头部内容 -->
      <div class="flex-box">
        <!-- 登录者头像信息 -->
        <!-- <UserInfo :hreadcrumbAry="hreadcrumbAry" /> -->
      </div>
    </div>
    <div class="page-content">
      <!-- tabs -->
      <!-- <a-button @click="test">test</a-button> -->
    </div>
  </div>
</template>
<script>
import Hreadcrumb from "@/components/Hreadcrumb";
import UserInfo from "./components/UserInfo";
import IconList from "./components/IconList";
import axios from 'axios'; // 引入axios
export default {
  props: {},
  data() {
    return {
      active: 1,
      hreadcrumbAry: [
        { name: "首页", path: "/", query: {} },
        // { name: "首页2", path: "/", query: {} },
      ],
    };
  },
  components: {
    Hreadcrumb,
    UserInfo,
    IconList,
  },
  created() {},
  mounted(){

  },
  methods: {
    test(){
      axios.get('http://e2.ruiwuke.com/tplusScs/getPerson?orgId=90015572663&department=&name&code=').then(res=>{
        console.log(res)
      })
    },
    callback(key) {
      // console.log(key);
      this.active = key;
    },
    changeItem(item) {
      console.log(item);
    },
  },
};
</script>
<style lang="less" scoped>
@import "~@/assets/css/base.less";
.page-top {
  background: #fff;
  .flex-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 24px;
  }
}
.page-content {
  padding: 20px 20px 50px;
  .tab-content {
    background: #fff;
    display: flex;
  }
  .card-box{
    margin-top:20px;
  }
  .tabend {
  height: 220px;
  background: #fff;
  .icon-box {
    display: flex;
    color: @c2;
    // padding:40px 80px 80px;
    margin-top: 48px;
    margin-left: 43px;
    .item {
      text-align: center;
      margin-right: 20px;
      cursor: pointer;
      margin-right: 50px;
      img {
        width: 60px;
        height: 60px;
        display: inline-block;
        margin-bottom: 10px;
      }
    }
  }
  .title {
    margin-top: 32px;
    padding-top: 32px;
    padding-left: 43px;
    display: block;
  }
}
}
</style>